<template>
    <div class="ui fluid card">
        <div class="ui relaxed divided list">
            <div class="item">
                <i class="large pencil middle aligned icon"></i>
                <div class="content">
                    <a class="header">Placeholder</a>
                    <div class="description">Placeholder</div>
                </div>
            </div>
            <div class="item">
                <i class="large pencil middle aligned icon"></i>
                <div class="content">
                    <a class="header">Placeholder</a>
                    <div class="description">Placeholder</div>
                </div>
            </div>
            <div class="item">
                <i class="large pencil middle aligned icon"></i>
                <div class="content">
                    <a class="header">Placeholder</a>
                    <div class="description">Placeholder</div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
}
</script>

<style scoped>
  .ui.fluid.card{
    padding: 10px;
  }
</style>
